var map = new BMap.Map("container");
var point = new BMap.Point(120.15507, 30.25348); // 杭州西湖的经纬度坐标
map.centerAndZoom(point, 16); // 设置缩放级别为16

var points = [
    new BMap.Point(120.141081, 30.258531), // 岳王庙
    new BMap.Point(120.149058, 30.256348), // 中山公园
    new BMap.Point(120.152508, 30.258282), // 平湖秋月
    new BMap.Point(120.158814, 30.265191), // 白堤
    new BMap.Point(120.16406, 30.265877), // 风波亭
    new BMap.Point(120.165286, 30.262684) // 湖滨公园
];

// 添加标记
for (var i = 0; i < points.length; i++) {
    var marker = new BMap.Marker(points[i]);
    map.addOverlay(marker);
}

// 连接地点
var polyline = new BMap.Polyline(points, { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5 });
map.addOverlay(polyline);

Image// 在页面加载完成后执行以下代码
window.onload = function () {
    // 创建一个 Image 对象
    var img = new Image();

    // 设置 Image 对象的 src 为百度地图的静态地图 API 地址
    img.src = "http://api.map.baidu.com/staticimage/v2?ak=EHEQP4Ept6uvPImZEwPd0zAvVWUU7hpO&mcode=666666&center=120.15507,30.22348&width=300&height=200&zoom=16";

    // 当图片加载完成后，将其作为页面背景
    img.onload = function () {
        document.body.style.backgroundImage = "url('" + img.src + "')";
    };
};

//退出按钮
// 获取按钮元素
var backButton = document.querySelector('.return-button');

// 监听整个文档区域的鼠标移动事件
document.addEventListener('mousemove', function (e) {
    var mouseY = e.clientY;

    // 当鼠标在0-100px范围内时
    if ((mouseY <= 100)) {
        // 显示按钮动画
        backButton.classList.add('is-visible');
        backButton.classList.remove('is-leaving');
    } else {
        // 鼠标离开后延时一段时间再隐藏，避免频繁闪烁
        setTimeout(function () {
            if (!backButton.matches(':hover')) {
                backButton.classList.remove('is-visible');
                backButton.classList.add('is-leaving');
            }
        }, 200); // 可以调整这个延时值以适应不同的交互需求
    }
});

// 可选地，为按钮添加mouseleave事件以确保鼠标离开按钮时立即隐藏
backButton.addEventListener('mouseleave', function () {
    this.classList.remove('is-visible');
    this.classList.add('is-leaving');
});

backButton.addEventListener('click', () => {
    window.location.href = '../main/main.html';
})